var app = angular.module("test", ['ui.router']);

app.config(function($stateProvider, $urlRouterProvider){
	var s2 = {
		name: "s2",
		url: "",
		templateUrl: "Angular-slimscroll-2.html"
	}
	$stateProvider.state(s2) ;
});

app.directive("ss", function(){
	return {
		restrict: 'A',
		replace: true,
		templateUrl: 'Angular-slimscroll-1.html',
		link: function(scope, element, attrs, tabsCtrl) { 
			element.bind('click', function() {
				console.log(this);
			});
			angular.element('#inner-content-div').slimScroll({
		        height: '250px'
		    });
		    
		    scope.items = [1,2,3,4];
		}
	}
});

app.directive("dropdowntest", function() {
	return {
		restrict: 'AE',
		replace: true,
		templateUrl: 'Angular-dropdown.html',
		link: function(scope, element, attrs, tabsCtrl) {
			console.info(element);
			angular.element('.dropdown-toggle').dropdownHover(); 
		}
	}
});

app.directive("dropdowntest1", function() {
	return {
		restrict: 'AE',
		replace: true,
		templateUrl: 'Angular-dropdown1.html',
		link: function(scope, element, attrs, tabsCtrl) {
			angular.element('.dropdown-toggle').dropdownHover();
		}
	}
});
